//文本显示不下，显示省略号
.ellipse{
    text-overflow:ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

//鼠标点击扩展区域
.extend_click{
    position: relative;
    //&：“并且”的意思，这里只带&.extend_click:before
    &:before{
        content: '';
        position: absolute;
        top: -10px;
        left: -10px;
        right: -10px;
        bottom: -10px;
    }
}

//清除浮动
.clearfix {
    display: block;
    zoom: 1;
    &:after {
        content: " ";
        display: block;
        font-size: 0;
        height: 0;
        clear: both;
        visibility: hidden;
    }
}
//less中的媒体查询
.component {
    width: 300px;
    @media (min-width: 768px) {
        width: 600px;
    }
    @media (min-width:992px){
        width:700px;
    }
    @media (min-width: 1280px) {
        width: 800px;
    }
}

